<template>
    <modalDialog v-if="item_info_dialog.item_info" ref="item_info" :is_bottom="true" :show.sync="item_info_dialog.show"
        :is_hide_top_cancel="true" :is_hide_top_confirm="true" :is_scroll_content="true" :is_show_top_close="true"
        height="100vh" class_content="padding-lr-0">
        <template #content>
            <view class="padding-bottom-100">
                <view>
                    <image style="width: 750rpx; height: 750rpx;" :src="item_info_dialog.item_info.banner | ossUrl(750)"></image>
                </view>
                <itemInfo :buy_mode="buy_mode" :is_item_info="true" :cart_item_info="cart_item_info"
                    :itemAttrDialogShow="itemAttrDialogShow" :itemInfoDialogShow="itemInfoDialogShow"
                    :itemAttrCartUpdate="itemAttrCartUpdate" :seller_user_id="seller_user_id" :item_info="item_info_dialog.item_info"
                    class_page="padding-tb-20 padding-lr-30"></itemInfo>
                <nBar title="详情"></nBar>
                <image mode="widthFix" style="width: 750rpx;" :src="item_info_dialog.item_info.album_1 | ossUrl(750)"
                    v-if="item_info_dialog.item_info.album_1"></image>
                <image mode="widthFix" style="width: 750rpx;" :src="item_info_dialog.item_info.album_2 | ossUrl(750)"
                    v-if="item_info_dialog.item_info.album_2"></image>
                <image mode="widthFix" style="width: 750rpx;" :src="item_info_dialog.item_info.album_3 | ossUrl(750)"
                    v-if="item_info_dialog.item_info.album_3"></image>
                <image mode="widthFix" style="width: 750rpx;" :src="item_info_dialog.item_info.album_4 | ossUrl(750)"
                    v-if="item_info_dialog.item_info.album_4"></image>
                <image mode="widthFix" style="width: 750rpx;" :src="item_info_dialog.item_info.album_5 | ossUrl(750)"
                    v-if="item_info_dialog.item_info.album_5"></image>
            </view>
        </template>
    </modalDialog>
</template>

<script>
    import itemInfo from './itemInfo.vue';
    export default {
        components: {
            itemInfo,
        },
        props: [
            'seller_user_id', 'item_info_dialog', 'buy_mode',
            'cart_item_info',
            'itemAttrCartUpdate', 'itemAttrDialogShow', 'itemInfoDialogShow',
        ],
        data() {
            return {};
        },
        created() {},
        watch: {},
        methods: {}
    }
</script>
